<template>
  <div class="loginStyle">
    <div class="title">代理商要货平台</div>
    <van-cell-group class="input">
      <van-field v-model="user"
                 label=""
                 placeholder="用户名" />
    </van-cell-group>
    <van-cell-group class="input">
      <van-field v-model="password"
                 label=""
                 placeholder="密码" />
    </van-cell-group>
    <van-button class="btn"
                type="primary"
                @click="loginBtn()">登录</van-button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      user: '',
      password: ''
    }
  },
  methods: {
    loginBtn () {
      this.$router.push({
        path: '/home',
        query: {
          id: this.user
        }
      })
    }
  }
}
</script>

<style  lang="less">
.loginStyle {
  width: 375px;
  height: 667px;
  background-color: #bebebe;
  .input {
    margin: 18px 30px;
    border: 1px solid #c1c1c1;
    width: 80%;
  }
  .title {
    font-weight: 500;
    color: aliceblue;
    margin-bottom: 46px;
    font-size: 25px !important;
    padding-top: 130px;
  }
  .btn {
    color: aliceblue;
    background-color: #ff5e5e;
    width: 303px;
    border: 0px;
    margin-right: 12px;
    font-weight: 500;
    border-radius: 7px;
  }
}
</style>
